

    <div class="header">
        <span>植物百科</span>
        <img src="images/knowledge/more.png" class="knowledge-img-more" data-toggle="modal" data-target="#myModal"/>
    </div>

    <div class="plantknowledge">
    <span class="plantknowledge-titlespan">{{vm.plant.plantname}}</span>

    <img src="{{vm.plant.plantpic}}" style="width: 100% ; max-height: 26em;"/>


    <div class="plantknowledge-detail">
        <h4>形态描述</h4>

        <p>{{vm.plant.description}}</p>

      <h4>分布区域</h4>
      <p>{{vm.plant.area}}</p>
      <h4>应用价值</h4>
      <p>{{vm.plant.appvalue}}</p>
    </div>
</div>

    <!-- 模态框（Modal） -->
    <div style="font-size: 16px;" class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog" style="top: 25%;width: 95%;">
            <div class="modal-content">
                <div class="modal-header" style="border: none;">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                </div>
                <div class="modal-body" style="text-align: center;border-bottom: 1px solid #e5e5e5;" onclick="window.location.reload()">刷新</div>
                <div class="modal-body" style="text-align: center" data-dismiss="modal" onclick="javascript:history.back(-1);">返回</div>
                <div class="modal-footer" style="border: none;">
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal -->
    </div>